<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>登录</title>

    <link rel="stylesheet" href="css/projectmain.css">
    <link rel="stylesheet" href="css/main.css">

</head>
<body>
    <div class="main">
        <div class="head">
            <a href="http://www.wyzyz.org" class="logo">
                <img src="http://www.cflac.org.cn/zhiyuanzhe/image/logo.png" alt="">
            </a>
            <div class="topSearch">
                <form action="http://www.cflac.org.cn/was5/web/search" method="POST" accept-charset="UTF-8">
                    <input type="text" value="站内搜索..." class="input1">
                    <input type="image" class="btn1" src="http://www.wyzyz.org/images/topBtn.gif">
                </form>
            </div>
        </div>
        
        <div class="nav">
            <ul>
                <li><a href="http://www.wyzyz.org" class="aNow" style="width: 37px;">首 页</a></li>
                <li><a href="#" class="aNow">要闻资讯</a></li>
                <li><a href="#" class="aNow">精彩视频</a></li>
                <li><a href="#" class="aNow">品牌活动</a></li>
                <li><a href="#" class="aNow">各地联动</a></li>
                <li><a href="#" class="aNow">志愿者协会</a></li>
                <li><a href="#" class="aNow">名家公益</a></li>
                <li><a href="#" class="aNow">志愿之星</a></li>
                <li><a href="#" class="aNow">互动交流</a></li>
                <li><a href="#" class="aNow">资料下载</a></li>
            </ul>
        </div>

        <div class="main-wrap">
          <div class="login-form">
            <div class="login-form-header">账户登录</div>
            <div class="login-box">
              <div class="item" style="height: 38px;">
                  <lable class="login-lable" style="background: url(./icon/usrname.png) no-repeat;background-position: 0 0;"></lable>
                  <input type="text" id="usrName" name="usrName" class="form-text" tabindex="1" autocomplete="off" placeholder="邮箱/用户名/已验证手机">
              </div>
              <div class="item">
                <lable class="login-lable" style="background: url(./icon/usrcode.png) no-repeat;background-position: 0 0;"></lable>
                <input type="password" id="usrCode" name="usrCode" class="form-text" tabindex="1" autocomplete="off" placeholder="密码">
              </div>

              <div class="item">
                <button id="submit" class="btn btn-primary login-btn">登录</button>
             </div>

             <div class="safe">
                <span class="register-usr"><a href="#">立即注册</a></span>
                <span class="forget-pw-safe">忘记
                  <a href="#">密码</a>/<a href="">用户名</a>
                </span>
            </div>

            </div>
          </div>
        </div>

        <div class="hr"></div>

        <div class="footLink">
        <h1>链接</h1>
        </div>
        <div class="pageTitle">
            <a href="#">中国文联</a><span style="font-size: 12px;"> | </span>
            <a href="#">中国作协</a><span style="font-size: 12px;"> | </span>
            <a href="#">中国剧协</a><span style="font-size: 12px;"> | </span>
            <a href="#">中国影协</a><span style="font-size: 12px;"> | </span>
            <a href="#">中国音协</a><span style="font-size: 12px;"> | </span>
            <a href="#">中国美协</a><span style="font-size: 12px;"> | </span>
            <a href="#">中国曲协</a><span style="font-size: 12px;"> | </span>
            <a href="#">中国舞协</a><span style="font-size: 12px;"> | </span>
            <a href="#">中国民协</a><span style="font-size: 12px;"> | </span>
            <a href="#">中国摄协</a><span style="font-size: 12px;"> | </span>
            <a href="#">中国书协</a><span style="font-size: 12px;"> | </span>
            <a href="#">中国杂协</a><span style="font-size: 12px;"> | </span>
            <a href="#">中国视协</a><span style="font-size: 12px;"> | </span>
            <a href="#">中国文学艺术基金会</a><span style="font-size: 12px;"></span>
        </div>
        <div class="foot-content">
            <div class="fl">
                <img src="http://www.wyzyz.org/position/201311/W020131122395902660584.jpg" alt="" style="width: 696px;height: 140px;">
            </div>
            <div class="fr">
                <img src="http://www.wyzyz.org/position/201311/W020141017430301807582.jpg" alt="" style="width: 270px;height: 140px;">
            </div>
        </div>

        <div class="footDiv">
            <div class="div0">
                <a href="#">联系咨询</a>|
                <a href="#">投诉建议</a>|
                <a href="#">文艺论坛</a>|
                <a href="#">职能部门</a>|
                <a href="#">团体会员</a>|
                <a href="#">组织结构</a>|
            </div>
            京ICP备14001194号　京公网安备11010502025171  中国文艺志愿者网　版权所有
        </div>
    </div>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

    <script>
      $(document).ready(function(){
        $('input:text:first').focus();

        $('input:text').bind('keydown',function(element){
          
          if(element.keyCode == 13){
            element.preventDefault();
            if($('#usrName').val() == ''){
              $('#usrName').attr('placeholder','*请输入用户名');
              $('#usrName').css({
                "border":"1px solid #8B0000",
              })
            }
            $('#usrCode').focus();
          }
          else{
            // 用于纠错
          }
        });

        $('#usrCode').bind('keydown',function(element){
          if(element.keyCode == 13){
            element.preventDefault();
            if($('#usrCode').val() == ''){
              $('#usrCode').css({
                "border":"1px solid #8B0000",
              })
            }
            else{
              $('#submit').click();
              // $("#submit").css({
              //   "background":"#fff",
              // })
            }
          }
        })


      });
    </script>



    
</body>
</html>